@import '@/styles/variables.scss';

.registerInfo-container {
  .main {
    padding: 0 $collection-x;
    height: calc(100vh - 141px);
    overflow-y: auto;
    box-sizing: border-box;

    .searchBar {
      padding: $block-y 0;

      .el-form {
        .el-form-item {
          .searchBar_picker {
            width: 240px !important;
          }

          .searchBar_select {
            width: 120px !important;
          }

          .searchBar_input {
            width: 240px !important;
          }
        }
      }

      .buttonDrug {
        float: right;
      }

      .buttonDrugSpe {
        margin-right: 0;
      }

      .el-form-item {
        margin-bottom: 0;
      }
    }

    .table {
      .card_n1 {
        height: 118px;
        margin-bottom: $collection-y;

        ::v-deep .el-card__body {
          padding: 0 !important;

          .box {
            padding-left: 14px;
            box-sizing: border-box;
            display: flex;

            .p1 {
              padding: 0;
              margin: 0;
              height: 100%;
              line-height: 118px;
              width: 5%;
              min-width: 80px;
              box-sizing: border-box;
            }

            .ul {
              display: flex;
              padding-top: 33px;
              min-width: 95%;
              box-sizing: border-box;

              li {
                min-width: 20%;
                text-align: center;

                .p2 {
                  font-size: 36px;
                  font-weight: bold;
                  color: #FC833C;
                }

                .p3 {
                  font-size: 14px;
                  font-weight: 400;
                  color: #999999;

                }
              }
            }
          }
        }

      }

      .el-table {
        border-top: 1px solid $border-color;
        max-height: calc(100vh - 377px);

        ::v-deep .el-table__body-wrapper {
          max-height: calc(100vh - 425px);
          overflow-y: auto;
          @import "@/styles/scrollbalStyle.scss";
        }

        ::v-deep .price {
          color: $price-icon-color;
        }

        .big {
          margin-bottom: 40px;

          .box {
            margin: 15px;
            box-sizing: border-box;
            .container-title {
              height: 40px;
              font-weight: 700;
              color: #1a1a1a;
              line-height: 40px;
              padding-left: 15px;
              box-sizing: border-box;
            }
            ::v-deep th {
              border-right: none !important;
            }
            ::v-deep td {
              border-right: none !important;
            }
          }
        }

      }

      .el-pagination {
        padding-top: $collection-x;
      }
    }
  }
}